
body {
    background:#fff url("bg.png") no-repeat left top;
    background-size: cover;
    overflow-y: hidden;
}

.button {
    font-family: Microsoft YaHei Light, Microsoft YaHei, Microsoft JhengHei, SimHei, SimSun;
    background-color: rgba(217, 177, 177, 0.8);
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 15px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
    margin: 5px;
}

.button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}
  
.button span:after {
    content: '>>';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}
  
.button:hover span {
    padding-right: 25px;
}
  
.button:hover span:after {
    opacity: 1;
    right: 0;
}

.button:active {
    background-color: rgba(112, 89, 89, 0.8);
    background-image: none;
}

.button-div {
    transform: translateY(-50%);
    text-align: center;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    width: 300px;
    margin: 30% auto;
}

.photo {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

p {
    font-family: Microsoft YaHei Light, Microsoft YaHei, Microsoft JhengHei, SimHei, SimSun;
    font-size: 16px;
    color: black;
}